<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/amazeui.css" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<script src="../js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/amazeui.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#myfoot a {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-align: center;
				-webkit-box-pack: center;
			}
			
			#myfoot span:first-of-type {
				font-size: 16px;
			}
			
			.top {
				height: 50px;
				background-color: #FF608E;
				text-align: center;
				line-height: 50px;
				color: white;
				padding: 0px 5px;
			}
			
			.topback {
				float: left;
			}
			
			.xinxi {
				margin: 20px;
			}
			
			.xxtime {
				line-height: 20px;
				text-align: center;
				font-size: 14px;
			}
			
			.xxmain {
				margin: 10px 20px;
				background-color: #D6D6D6;
				border-radius: 10px;
				line-height: 30px;
				padding: 5px 5px;
				font-size: 14px;
				text-align: center;
			}
			
			.xxmain span {
				color: #FF608E;
				font-weight: bold;
			}
			.xxfoot{
				color: #FF608E;
				font-size: 14px;
				text-align: center;
				height: 20px;
				line-height: 20px;
				margin-top: 10px;
			}
			.am-modal-dialog {
				background-color: white;
				border-radius: 10px;
				padding: 10px;
			}
			
			
			
			
			
			
			.showdiv {
				border-radius: 10px;
				padding: 10px;
				font-size: 14px;
			}
			
			.showdiv>div {
				display: -webkit-box;
				line-height: 30px;
			}
			
			.showdiv>div>div:first-child {
				width: 30%;
				text-align: center;
			}
			
			.showdiv>div span {
				color: #FF608E;
			}
			
			.showback {
				height: 40px;
				width: 100%;
				display: -webkit-box;
				-webkit-box-pack: center;
				-webkit-box-align: center;
				text-align: center;
			}
			
			.showback>span {
				font-size: 32px;
				font-weight: bold;
			}
			.currdiv{
				margin: 20px;
				text-align: center;
				font-size: 14px;
			}
			.currdiv span{
				color: #FF608E;
			}
		</style>
	</head>

	<body>
		<!--头部-->
		<div class="top" data-am-sticky>
			<span class="topback Hui-iconfont Hui-iconfont-slider-left"></span>
			<span>信息</span>
		</div>
		<!--未登录时-->
		<div class="currdiv" v-if="mycurr">
			<a href="../init/init.html">未登录，点击<span>登录</span></a>
		</div>
		<!--无信息时-->
		<div class="currdiv" v-if="!mycurr&&list==''">
	     抱歉，空空如也...
		</div>
		<!--信息-->
		<div class="main">
			<div class="xinxi" v-for="item in list">
				<div class="xxtime" v-html="item.attributes.oldtime">
					2017-12-23
				</div>
				<div class="xxmain">
					您的申请已经同意！[<span @click=detail(item)>查看详情</span>]
				</div>
				<div class="xxfoot" v-if="item.attributes.info">
					未读
				</div>
			</div>
		</div>
		<!--详情-->
		<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
			<div class="am-modal-dialog">
				<div class="showdiv">
					<div class="showname">
						<div><span class="Hui-iconfont Hui-iconfont-user">名称</span></div>
						<div v-html="nowinfo.attributes.othername">
							索马里皇家酒店
						</div>
					</div>
					<div class="showzhiye">
						<div><span class="Hui-iconfont Hui-iconfont-practice">职业</span></div>
						<div v-if="nowinfo.attributes.other==1">
							职业老摄影
						</div>
						<div v-if="nowinfo.attributes.other==2">
							深情大司仪
						</div>
						<div v-if="nowinfo.attributes.other==3">
							酒店
						</div>
					</div>
					<div class="showtime">
						<div> <span class="Hui-iconfont Hui-iconfont-jishiqi">时间</span></div>
						<div v-html="nowinfo.attributes.time">2022-13-23</div>
					</div>
					<div class="showlianxi">
						<div> <span class="Hui-iconfont Hui-iconfont-tel2">联系</span></div>
						<div v-html="nowinfo.attributes.phone">122-2323-2323</div>
					</div>
					<div class="showzhuangtai">
						<div> <span class="Hui-iconfont Hui-iconfont-msg">状态</span></div>
						<div>同意</div>
					</div>
					<div class="showback">
						<span class="Hui-iconfont Hui-iconfont-close"></span>
					</div>
				</div>
			</div>
		</div>
		<!--足部-->
		<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="myfoot">
			<ul class="am-navbar-nav am-cf am-avg-sm-4">
				<li>
					<a href="../index.html">
						<span class="Hui-iconfont  Hui-iconfont-home"></span>
						<span class="am-navbar-label">主页</span>
					</a>
				</li>
				<li>
					<a href="../page2/page2.html">
						<span class="Hui-iconfont Hui-iconfont-moban-2"></span>
						<span class="am-navbar-label">详情</span>
					</a>
				</li>
				<li>
					<a href="../page3/page3.html">
						<span class="Hui-iconfont Hui-iconfont-comment"></span>
						<span class="am-navbar-label">信息</span>
					</a>
				</li>
				<li>
					<a href="../page4/page4.html">
						<span class="Hui-iconfont Hui-iconfont-avatar"></span>
						<span class="am-navbar-label">个人中心</span>
					</a>
				</li>
			</ul>
		</div>
		<script src="../js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="vue/myvue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//详情显示
			$(".xxmain").click(function() {
					$("#my-alert").modal('open');
				})
				//详情
				
			$(".showback span").click(function() {
				$("#my-alert").modal('close');
			})
			//返回
			$(".topback").click(function(){
				location.href="../index/index.html"
			})
		</script>
	</body>

</html>